面グラフ
両方ラインとレーダーチャートはfill
2 つのデータセット間のエリア、またはデータセットと境界、つまりスケールを作成するために使用できるデータセット オブジェクトのオプションorigin
、start
またend
(見る充填モード)。
ノート:この機能は、
filler
プラグイン。
充填モード
モード | タイプ | 価値観 |
---|---|---|
絶対データセットインデックス1 | number |
1 、2 、3 、 ... |
相対データセットインデックス1 | string |
'-1' 、'-2' 、'+1' 、 ... |
境界2 | string |
'start' 、'end' 、'origin' |
無効3 | boolean |
false |
1データセット充填モードはバージョン 2.6.0 で導入されました。
2以前のバージョン 2.6.0 では、境界値は'zero'
、'top'
、'bottom'
(非推奨)
3下位互換性のために、fill: true
(デフォルト) は以下と同等ですfill: 'origin'
例
new Chart(ctx, {
data: {
datasets: [
{fill: 'origin'}, // 0: fill to 'origin'
{fill: '+2'}, // 1: fill to dataset 3
{fill: 1}, // 2: fill to dataset 1
{fill: false}, // 3: no fill
{fill: '-2'} // 4: fill to dataset 2
]
}
});
構成
オプション | タイプ | デフォルト | 説明 |
---|---|---|---|
plugins.filler.propagate |
boolean |
3bcfbe65-664c-4290-a040-513bdf282373 | ターゲットが非表示の場合の塗りつぶしの伝播。 |
伝播する
propagate
かかりますboolean
値 (デフォルト:true
)。
もしもtrue
、塗りつぶし領域は、によって定義された可視ターゲットまで再帰的に拡張されます。fill
非表示のデータセット ターゲットの値:
例
new Chart(ctx, {
data: {
datasets: [
{fill: 'origin'}, // 0: fill to 'origin'
{fill: '-1'}, // 1: fill to dataset 0
{fill: 1}, // 2: fill to dataset 1
{fill: false}, // 3: no fill
{fill: '-2'} // 4: fill to dataset 2
]
},
options: {
plugins: {
filler: {
propagate: true
}
}
}
});
propagate: true
:
- データセット 2 が非表示の場合、データセット 4 がデータセット 1 に埋め込まれます。
- データセット 2 と 1 が非表示の場合、データセット 4 が埋め込まれます。
'origin'
propagate: false
:
- データセット 2 および/または 4 が非表示の場合、データセット 4 は埋められません。